html, body {
  font-size: 16px;
  min-height: auto;
}

.coupons {
  width: 100%;
  height: 100%;

  .coupons_header {
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    background-image: url('https://cdn2.jinlb.cn/pic/ce/58/ce58a88ed1263201c27854a5972fde33.png');
    background-position: top;
    background-size: 100% auto;
    text-align: center;
    position: fixed;
    z-index: 1;
    color: #ffffff;

    span.iconIcon_left {
      height: 100%;
      position: absolute;
      left: .16rem;
      font-size: .16rem;
    }

    .header_title {
      font-size: .2rem;
    }
  }

  .coupons_main {
    height: 100%;
    padding-top: .64rem;
  
    .main_box {
      width: 100%;
      height: 100vh;
      padding: .64rem .16rem .84rem .16rem;
      position: fixed;
      top: 0;
      overflow-y: auto;
  
      .task_list {
        .task_item {
          margin-top: .16rem;
          background: #ffffff;
          padding: 0 .10rem;
          border-radius: .10rem;
  
          .item_content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: .08rem 0;
            border-bottom: 1px solid #e5e5e5;
  
            .content_info {
              width: 60%;
              display: flex;
              align-items: center;
              img {
                width: .36rem;
                height: .36rem;
                border-radius: 50%;
                margin-right: .08rem;
              }
              label {
                font-size: .16rem;
                color: #323232;
                font-weight: 400;
              }
            }
  
            .content_vice {
              label {
                display: block;
                position: relative;
                top: .14rem;
                font-size: .14rem;
                color: #f39800;
              }
              span {
                display: block;
                margin-top: .12rem;
                font-size: .10rem;
                color: rgba(33,44,103,.5);
                text-align: right;
              }
            }
          }
  
          .item_footer {
            height: .36rem;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding: 0 .08rem;
  
            .footer_notice {
              display: flex;
              align-items: center;
              img {
                width: .12rem;
                height: .12rem;
                margin-right: .08rem;
              }
              p {
                font-size: .10rem;
                color: #666666;
  
                span {
                  color: #F39800;
                }
              }
            }
  
            span.iconIcon_right {
              font-size: .12rem;
              color: #666666;
            }
          }
        }
      }
  
      .unTask {
        width: 100%;
        margin-top: 1.2rem;
        margin-bottom: 1.6rem;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: center;
  
        img {
          width: 1.2rem;
        }
        p {
          width: 100%;
          text-align: center;
          font-size: .12rem;
          color: #27347D;
          opacity: .5;
          margin-top: .24rem;
        }
      }
    }

    .myTaskBtn_box {
      width: 100%;
      height: .8rem;
      padding: .16rem 5vw;
      background: #f5f5f5;
      position: fixed;
      left: 0;
      bottom: 0;
    }
  
    .myTaskBtn {
      width: 90vw;
      height: .48rem;
      line-height: .48rem;
      text-align: center;
      color: #ffffff;
      border-width: 0;
      border-radius: 1rem;
      font-size: .16rem;
      background: -moz-linear-gradient(top, #FF9900 0%, #FFAA00 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9900), color-stop(100%,#FFAA00));
      background: -webkit-linear-gradient(top, #FF9900 0%,#FFAA00 100%);
      background: -o-linear-gradient(top, #FF9900 0%,#FFAA00 100%);
      background: -ms-linear-gradient(top, #FF9900 0%,#FFAA00 100%);
      background: linear-gradient(to bottom, #FF9900 0%,#FFAA00 100%);
  
      span {
        margin-left: .08rem;
      }
    }
  }

  .unAuth {
    padding-top: .64rem;
    P {
      text-align: center;
      padding: .24rem 0;
      font-size: .12rem;
      color: #27347D;
      opacity: .5;
    }

    img {
      width: 100%;
    }
  }
}